<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="yes" name="apple-mobile-web-app-capable">
          <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, target-densityDpi=device-dpi" />
          <!-- 微软的老式浏览器 -->
          <meta name="MobileOptimized" content="320">
          <!-- 启用360浏览器的极速模式(webkit) – -->
          <meta name="renderer" content="webkit">
          <!-- 避免IE使用兼容模式 -->
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
          <meta name="HandheldFriendly" content="true">
          <!-- uc强制竖屏 -->
          <meta name="screen-orientation" content="portrait">
          <!-- QQ强制竖屏 -->
          <meta name="x5-orientation" content="portrait">
          <!-- UC强制全屏 -->
          <meta name="full-screen" content="yes">
          <!-- QQ强制全屏 -->
          <meta name="x5-fullscreen" content="true">
          <!-- UC应用模式 若开启长按无法复制链接-->
          <!--meta name="browsermode" content="application"-->
          <!-- QQ应用模式 -->
          <meta name="x5-page-mode" content="app">
          <!--网站开启对web app程序的支持-->
          <meta name="apple-touch-fullscreen" content="yes">
          <!--在web app应用下状态条（屏幕顶部条）的颜色-->
          <meta name="apple-mobile-web-app-status-bar-style" content="black">
          <!-- windows phone 点击无高光 -->
          <meta name="msapplication-tap-highlight" content="no">
          <!--移动web页面是否自动探测电话号码-->
          <!--<meta http-equiv="x-rim-auto-match" content="none">-->
          <!--手机号码显示为拨号链接-->
          <meta name="format-detection" content="telephone=no">
          <meta http-equiv="Cache-Control" content="max-age=300" />
          <meta http-equiv="Expires" content="300" />
          <title>投哪网-圈子详情</title>
          <link rel="stylesheet" href="../css/reset.css">
          <link rel="stylesheet" href="../css/person-mine.css">
          <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
          <link rel="stylesheet" href="../assets/layer_mobile/need/layer.css">
          <script src="../assets/layer_mobile/layer.js"></script>
        <script src="http://www.jq22.com/jquery/1.9.1/jquery.min.js"></script>
        <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
          <!--<script src="../js/jquery.min.js"></script>-->
          <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
          <!-- <script src="../js/jquery.mobile.min.js"></script> -->
          <script src="../js/common.js"></script>
    </head>
    <body>
      <div class="container">  
        <!-- 投顾头部 -->
        <div class="title" style="display:none">
          <div class="title-banner">
            <img src="../images/person_banner.png">
          </div>
          <div class="title-person clearfix">
            <div class="per-img">
              <img src="../images/person.png" height="130" width="130">
            </div>
            <div class="per-name">
              <h4>糊涂金导师</h4>
            </div>
            <div class="per-btn">
              <a class="per-chat">编辑资料</a>
            </div>
          </div>
          <div class="title-have">
            <a class="apprentice">徒弟<span>555</span></a>
            <a class="master">师傅<span>555</span></a>
          </div>
          <div class="title-ex">
            <p class="year">网贷投资<span>10年</span></p>
            <p class="boom">踩雷次数<span>0雷</span></p>
            <p class="plat">投资平台<span>22家</span></p>
          </div>
          <div class="title-money">
            <p class="have">8号金币<span>1235</span></p>
            <a class="get">获取金币</a>
          </div>
        </div>
        <!-- 投资者头部 -->
        <div class="title instor" >
          <div class="title-banner">
            <img src="../images/person_banner.png">
          </div>
          <div class="title-person clearfix">
            <div class="per-img">
              <img src="../images/person.png" height="130" width="130">
            </div>
            <div class="per-name">
              <h4>糊涂金导师</h4>
            </div>
            <div class="per-btn">
              <a class="per-chat">编辑资料</a>
            </div>
          </div>
          <div class="title-have">
            <a class="master">师傅<span>555</span></a>
            <a class="apprentice">我要收徒</a>
            
          </div>
          <div class="title-money">
            <p class="have">8号金币<span>1235</span></p>
            <a class="get">获取金币</a>
          </div>
        </div>
        <div class="intro">
          <p>简介：中国最优质的美食,食谱,菜谱网。做你最喜爱的美食网,菜谱网。提供最人性化的菜谱大全</p>
        </div>

        <div class="my-tou">
        <!-- 投顾中心 -->
          <ul class="clearfix" style="display:none">
            <li>
              <a class="tou-center">
                <img class="icon_tou" src="../images/icon_tou.png">
                <h4>我的投资中心</h4>
                <img class="icon_next" src="../images/icon_next.png" height="25" width="16">
              </a>
            </li>
            <li>
              <a class="tou-center">
                <img class="icon_tou" src="../images/icon_gu.png" height="44" width="44">
                <h4>我的投顾账户</h4>
                <img class="icon_next" src="../images/icon_next.png" height="25" width="16">
              </a>
            </li>
          </ul>
          <!-- 投资者中心 -->
          <ul class="my-instor clearfix">
            <li>
              <a class="tou-center">
                <img class="icon_tou" src="../images/icon_tou.png">
                <h4>我的投资中心</h4>
                <img class="icon_next" src="../images/icon_next.png" height="25" width="16">
              </a>
            </li>
          </ul>
        </div>

        <div class="content">
          <!-- 投顾切换 -->
          <div class="tab" style="display:none">
            <ul class="clearfix">
              <li>
                <div>
                  <h4 class="mc tab-active">与我相关</h4>
                  <span>8</span>
                </div>
              </li>
              <li>
                <div>
                  <h4 class="ch">聊天</h4>
                  <span class="chat">8</span>
                </div>
              </li>
              <li>
                <div>
                  <h4 class="vp">观点(12)</h4>
                </div>
              </li>
              <li>
                <div>
                  <h4 class="sug">推荐(14)</h4>
                </div>
              </li>
            </ul>
          </div>
          <!-- 投资者切换 -->
          <div class="instro-tab tab">
            <ul class="clearfix">
              <li>
                <div>
                  <h4 class="mc tab-active">与我相关</h4>
                  <span>8</span>
                </div>
              </li>
              <li>
                <div>
                  <h4 class="ch">聊天</h4>
                  <span class="chat">8</span>
                </div>
              </li>
              <li>
                <div>
                  <h4 class="vp">观点(12)</h4>
                </div>
              </li>
            </ul>
          </div>
          <!-- 与我相关 -->
          <div class="my-con clearfix">
            <div class="my-title clearfix">
              <h4>全部动态</h4>
              <img class="more" src="../images/more.png">
            </div>
            <!-- 弹窗筛选 -->
            <div class="navigation">
              <ul>
                <li>
                  <a href="#">
                    <p>评论</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <p>点赞</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <p>关注</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <p>师傅动态</p>
                  </a>
                </li>
              </ul>
            </div>
            <div class="my-active">
              <!-- 在某平台发表了评论 -->
              <div class="comment clearfix">
                <div class="dy-left">
                  <img src="../images/icon_custom.png">
                </div>
                <div class="dy-right clearfix">
                  <div class="dy-who">
                    <p>我叫郭大侠</p>
                  </div>
                  <div class="dy-where">
                    <p>在<a>投哪网圈子</a>发表了平台短评</p>
                  </div>
                  <div class="header-bottom clearfix">
                    <ul>
                      <li>
                        <span>国资系</span>
                      </li>
                      <li>
                        <span>已存管</span>
                      </li>
                      <li>
                        <span>运营时间5年+</span>
                      </li>
                    </ul>
                  </div>
                  <div class="dy-con">
                    <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当家》我都冲着风景...</p>
                  </div>
                  <div class="item-time">
                    <p>grgw435</p>
                  </div>
                  <div class="item-left">
                    <div class="item-good">
                      <img src="../images/comment-no.png" height="26" width="28">
                      <span>18</span>
                    </div>
                    <div class="item-com">
                      <img src="../images/comment.png" height="25" width="28">
                      <span>38</span>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 在某平台发表了评论没有添加标签 -->
              <div class="comment-notip clearfix">
                <div class="dy-left">
                  <img src="../images/icon_custom.png">
                </div>
                <div class="dy-right clearfix">
                  <div class="dy-who">
                    <p>我叫郭大侠</p>
                  </div>
                  <div class="dy-where">
                    <p>在<a>投哪网圈子</a>发表了平台短评</p>
                  </div>
                  <div class="dy-con">
                    <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当家》我都冲着风景...</p>
                  </div>
                  <div class="item-time">
                    <p>grgw435</p>
                  </div>
                  <div class="item-left">
                    <div class="item-good">
                      <img src="../images/comment-no.png" height="26" width="28">
                      <span>18</span>
                    </div>
                    <div class="item-com">
                      <img src="../images/comment.png" height="25" width="28">
                      <span>38</span>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 关注 -->
              <div class="attention clearfix">
                <div class="dy-left">
                  <img src="../images/icon_custom.png">
                </div>
                <div class="dy-right clearfix">
                  <div class="dy-who">
                    <p>我叫郭大侠 <span>关注了您</span></p>
                  </div>
                  <div class="attention-time">
                    <p>grgw435</p>
                  </div>
                </div>
              </div>
              <!-- 回复 -->
              <div class="reback clearfix">
                <div class="dy-left">
                  <img src="../images/icon_custom.png">
                </div>
                <div class="dy-right clearfix">
                  <div class="dy-who">
                    <p>我叫郭大侠 <span>回复了您</span></p>
                  </div>
                  <div class="attention-time">
                    <p>grgw435</p>
                  </div>
                  <div class="dy-con">
                    <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当家》我都冲着风景...</p>
                  </div>
                  <div class="dy-original clearfix">
                    <div class="dy-where">
                      <p>在<a>投哪网圈子</a>发表了平台短评</p>
                    </div>
                    <div class="dy-con">
                      <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当家》我都冲着风景...</p>
                    </div>
                  </div>
                  <div class="item-left">
                    <div class="item-good">
                      <img src="../images/comment-no.png" height="26" width="28">
                      <span>18</span>
                    </div>
                    <div class="item-com">
                      <span class="reback">回复</span>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 赞评论 -->
              <div class="reback clearfix">
                <div class="dy-left">
                  <img src="../images/icon_custom.png">
                </div>
                <div class="dy-right clearfix">
                  <div class="dy-who">
                    <p>我叫郭大侠 <span>回复了您</span></p>
                  </div>
                  <div class="attention-time">
                    <p>grgw435</p>
                  </div>
                  <div class="dy-con">
                    <p>赞了这条短评</p>
                  </div>
                  <div class="dy-original clearfix">
                    <div class="dy-where">
                      <p>在<a>投哪网圈子</a>发表了平台短评</p>
                    </div>
                    <div class="dy-con">
                      <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当家》我都冲着风景...</p>
                    </div>
                  </div>
                  <div class="item-left">
                    <div class="item-good">
                      <img src="../images/comment-no.png" height="26" width="28">
                      <span>18</span>
                    </div>
                    <div class="item-com">
                      
                      <span class="reback">回复</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- 聊天 -->
          <div class="chat-con">
            <div class="search">
              <div id="form">
                <input class="search-inp" type="text" placeholder="搜索" />
              </div>
              
              <span>取消</span>
            </div>
            
            <div class="chat-list" id="list">
              <ul>
                <li>
                  <div class="chat-item clearfix ">
                    <div class="chat-left">
                      <div class="chat-icon">
                        <img src="../images/chat-icon.png">
                      </div>
                      
                    </div>
                    <div class="chat-right">
                      <h4>8号客服-小8</h4>
                      <p>您好！客服在线时间为工作日08:00点至19:00....</p>
                    </div>
                  </div>
                  <a class="delete">删除</a>
                  <a class="delete-sure">确认删除</a>
                </li>
                <li>
                  <div class="chat-item clearfix ">
                    <div class="chat-left">
                      <div class="chat-icon">
                        <img src="../images/chat-icon.png">
                      </div>
                      
                    </div>
                    <div class="chat-right">
                      <h4>8号客服-小4</h4>
                      <p>您好！客服在线时间为工作日10:00点至19:00....</p>
                    </div>
                  </div>
                  <a class="delete">删除</a>
                  <a class="delete-sure">确认删除</a>
                </li>
                <li>
                  <div class="chat-item clearfix ">
                    <div class="chat-left">
                      <div class="chat-icon">
                        <img src="../images/chat-icon.png">
                      </div>
                      
                    </div>
                    <div class="chat-right">
                      <h4>8号客服-小6</h4>
                      <p>您好！客服在线时间为工作日07:00点至19:00....</p>
                    </div>
                  </div>
                  <a class="delete">删除</a>
                  <a class="delete-sure">确认删除</a>
                </li>
                <li>
                  <div class="chat-item clearfix ">
                    <div class="chat-left">
                      <div class="chat-icon">
                        <img src="../images/chat-icon.png">
                      </div>
                      
                    </div>
                    <div class="chat-right">
                      <h4>8号客服-小8</h4>
                      <p>您好！客服在线时间为工作日06:00点至19:00....</p>
                    </div>
                  </div>
                  <a class="delete">删除</a>
                  <a class="delete-sure">确认删除</a>
                </li>
                <li>
                  <div class="chat-item clearfix ">
                    <div class="chat-left">
                      <div class="chat-icon">
                        <img src="../images/chat-icon.png">
                      </div>
                      <span class="chat-tip">8</span>
                    </div>
                    <div class="chat-right">
                      <h4>8号客服-小7</h4>
                      <p>您好！客服在线时间为工作日08:00点至19:00....</p>
                    </div>
                  </div>
                  <a class="delete">删除</a>
                  <a class="delete-sure">确认删除</a>
                </li>
              </ul>
            </div>

          </div>
           <!-- 观点 -->
          <div class="viewport">
            <div class="dynamic-con">
                <ul>
                  <li class="clearfix">
                    <div class="dy-left">
                      <p class="data">24</p>
                      <p class="month">十二月</p>
                    </div>
                    <div class="dy-right clearfix">
                      <div class="dy-where">
                        <p>在<a>投哪网圈子</a>发表了平台短评</p>
                      </div>
                      <div class="header-bottom clearfix">
                        <ul>
                          <li>
                            <span>国资系</span>
                          </li>
                          <li>
                            <span>已存管</span>
                          </li>
                          <li>
                            <span>运营时间5年+</span>
                          </li>
                        </ul>
                      </div>
                      <div class="dy-btn">
                        <p class="btn-set">放心投</p>
                      </div>
                      <div class="dy-con">
                        <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当家》我都冲着风景...</p>
                      </div>
                      <div class="item-left">
                        <div class="item-top">
                          
                          <span>置顶</span>
                        </div>
                        <a class="item-write">
                          <span>编辑</span>
                        </a>
                      </div>
                    </div>
                  </li>
                  <li class="clearfix">
                    <div class="dy-left">
                      <p class="data">24</p>
                      <p class="month">十二月</p>
                    </div>
                    <div class="dy-right">
                      <div class="dy-where">
                        <p>在<a>投哪网圈子</a>发表了平台短评</p>
                      </div>
                      <div class="dy-btn">
                        <p class="btn-set">放心投</p>
                      </div>
                      <div class="dy-con">
                        <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当家》我都冲着风景...</p>
                      </div>
                      <div class="item-left">
                        <div class="item-top">
                          <span>置顶</span>
                        </div>
                        <a class="item-write">
                          <span>编辑</span>
                        </a>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
          </div>
          <!-- 推荐 -->
          <div class="my-platform">
            <div class="my-platform-content">
                <ul class="my-platform-wrapper">
                    <li class="my-platform-item">
                        <div class="platform-wrapper">
                            <div class="platform-item">
                                <div class="item-header">
                                    <div class="plat-logo-wrapper">
                                        <img src="../images/m-platlogo-1.png" alt="">
                                    </div>
                                    <div class="plat-return-type-wrapper">
                                        <p>CPA+CPS</p>
                                    </div>
                                    <div class="spread-btn-wrapper">
                                        <div class="spread-btn">分享推广</div>
                                    </div>
                                </div>
                                <div class="item-content">
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">用户返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">推手返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>%</p>
                                            <p class="item-desc">平台利息</p>
                                        </li>
                                    </ul>
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>18800</em>元</p>
                                            <p class="item-desc">起投金额</p>
                                        </li>
                                        <li>
                                            <p><em>1</em>元</p>
                                            <p class="item-desc">投资期限</p>
                                        </li>
                                        <li>
                                            <p>多投多返</p>
                                            <p class="item-desc">返利类型</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="platform-item">
                                <div class="item-header">
                                    <div class="plat-logo-wrapper">
                                        <img src="../images/m-platlogo-1.png" alt="">
                                    </div>
                                    <div class="plat-return-type-wrapper">
                                        <p>CPA+CPS</p>
                                    </div>
                                    <div class="spread-btn-wrapper">
                                        <div class="spread-btn">分享推广</div>
                                    </div>
                                </div>
                                <div class="item-content">
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">用户返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">推手返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>%</p>
                                            <p class="item-desc">平台利息</p>
                                        </li>
                                    </ul>
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>18800</em>元</p>
                                            <p class="item-desc">起投金额</p>
                                        </li>
                                        <li>
                                            <p><em>1</em>元</p>
                                            <p class="item-desc">投资期限</p>
                                        </li>
                                        <li>
                                            <p>多投多返</p>
                                            <p class="item-desc">返利类型</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="platform-item">
                                <div class="item-header">
                                    <div class="plat-logo-wrapper">
                                        <img src="../images/m-platlogo-1.png" alt="">
                                    </div>
                                    <div class="plat-return-type-wrapper">
                                        <p>CPA+CPS</p>
                                    </div>
                                    <div class="spread-btn-wrapper">
                                        <div class="spread-btn">分享推广</div>
                                    </div>
                                </div>
                                <div class="item-content">
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">用户返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">推手返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>%</p>
                                            <p class="item-desc">平台利息</p>
                                        </li>
                                    </ul>
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>18800</em>元</p>
                                            <p class="item-desc">起投金额</p>
                                        </li>
                                        <li>
                                            <p><em>1</em>元</p>
                                            <p class="item-desc">投资期限</p>
                                        </li>
                                        <li>
                                            <p>多投多返</p>
                                            <p class="item-desc">返利类型</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="my-platform-content">
                <ul class="my-platform-wrapper">
                    <li class="my-platform-item">
                        <div class="platform-wrapper">
                            <div class="platform-item">
                                <div class="item-header">
                                    <div class="plat-logo-wrapper">
                                        <img src="../images/m-platlogo-1.png" alt="">
                                    </div>
                                    <div class="plat-return-type-wrapper">
                                        <p>CPA+CPS</p>
                                    </div>
                                    <div class="spread-btn-wrapper">
                                        <div class="spread-btn">分享推广</div>
                                    </div>
                                </div>
                                <div class="item-content">
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">用户返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">推手返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>%</p>
                                            <p class="item-desc">平台利息</p>
                                        </li>
                                    </ul>
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>18800</em>元</p>
                                            <p class="item-desc">起投金额</p>
                                        </li>
                                        <li>
                                            <p><em>1</em>元</p>
                                            <p class="item-desc">投资期限</p>
                                        </li>
                                        <li>
                                            <p>多投多返</p>
                                            <p class="item-desc">返利类型</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="platform-item">
                                <div class="item-header">
                                    <div class="plat-logo-wrapper">
                                        <img src="../images/m-platlogo-1.png" alt="">
                                    </div>
                                    <div class="plat-return-type-wrapper">
                                        <p>CPA+CPS</p>
                                    </div>
                                    <div class="spread-btn-wrapper">
                                        <div class="spread-btn">分享推广</div>
                                    </div>
                                </div>
                                <div class="item-content">
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">用户返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">推手返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>%</p>
                                            <p class="item-desc">平台利息</p>
                                        </li>
                                    </ul>
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>18800</em>元</p>
                                            <p class="item-desc">起投金额</p>
                                        </li>
                                        <li>
                                            <p><em>1</em>元</p>
                                            <p class="item-desc">投资期限</p>
                                        </li>
                                        <li>
                                            <p>多投多返</p>
                                            <p class="item-desc">返利类型</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="platform-item">
                                <div class="item-header">
                                    <div class="plat-logo-wrapper">
                                        <img src="../images/m-platlogo-1.png" alt="">
                                    </div>
                                    <div class="plat-return-type-wrapper">
                                        <p>CPA+CPS</p>
                                    </div>
                                    <div class="spread-btn-wrapper">
                                        <div class="spread-btn">分享推广</div>
                                    </div>
                                </div>
                                <div class="item-content">
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">用户返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>元</p>
                                            <p class="item-desc">推手返利</p>
                                        </li>
                                        <li>
                                            <p><em>188</em>%</p>
                                            <p class="item-desc">平台利息</p>
                                        </li>
                                    </ul>
                                    <ul class="item-content-wrapper">
                                        <li>
                                            <p><em>18800</em>元</p>
                                            <p class="item-desc">起投金额</p>
                                        </li>
                                        <li>
                                            <p><em>1</em>元</p>
                                            <p class="item-desc">投资期限</p>
                                        </li>
                                        <li>
                                            <p>多投多返</p>
                                            <p class="item-desc">返利类型</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
          </div>

        </div>
       
      </div>
      <script type="text/javascript">
       var height = $('body').height();
      // 搜索弹窗
      $('.more').click(function () {
        if($('.navigation').css('display')=='block'){
          $('.navigation').css('display', 'none');
          $('.my-active').css('top','0');
        }else if($('.navigation').css('display')=='none'){
          $('.navigation').css('display', 'block');
          var top = $('.more').offset().top-$(document).scrollTop()+10;
          $('.navigation').css('top',top);
        }
      });

      // tab切换
      $('.tab > ul > li > div > h4').click(function(){
        $('.tab > ul > li > div > h4').each(function(i,e){
            $(e).removeClass('tab-active');
        });
        var cName = $(this)[0].className;
        switch(cName){
          case 'mc': $('.chat-con').css('display','none');
                $('.viewport').css('display','none');
                $('.my-platform').css('display','none');
                $('.my-con').css('display','block');
                break;
          case 'ch': $('.my-con').css('display','none');
                $('.my-platform').css('display','none');
                $('.viewport').css('display','none');
                $('.chat-con').css('display','block');
                height = $('body').height();
                break;
          case 'vp': $('.my-con').css('display','none');
                $('.my-platform').css('display','none');
                $('.chat-con').css('display','none');
                $('.viewport').css('display','block');

                break;
          case 'sug': $('.my-con').css('display','none');
                $('.viewport').css('display','none');
                $('.chat-con').css('display','none');
                $('.my-platform').css('display','block');
                break;
        }
        $(this).addClass('tab-active');
      })


      // 侧滑删除
      $(document).on("pagecreate",function(){ 
        $(".chat-list ul li").on("swipeleft",function(){
          $(".chat-list ul li").each(function(i,e){
            $(e).animate({marginLeft:'0rem'},500);
          })
          $(this).animate({marginLeft:'-2rem'},500);
           $('.delete').click(function(){
            $(this).parent('li').animate({marginLeft:'-4rem'},500);
          });
           $('.delete-sure').click(function(){
            $(this).parent('li').remove();
           })

        });
        $(".chat-list ul li").on("swiperight",function(){
          $(this).animate({marginLeft:'0rem'},500);
        });
      });
      // 


      // 聊天搜索
     

      $('.search-inp').focus(function() {
        var top = $('.search').offset().top;
        $('body').css('height',height+top);
        $("html,body").animate({scrollTop:top},1000);
        $('.search-inp').css('width', '8rem');
        $('.search span').css('display','block')
      });
      $('.search span').click(function(){
        $('.search-inp').css('width', '9.1rem');
        $('.search span').css('display','none');
        $("html,body").animate({scrollTop:0},1000);
        var top = $('.search').offset().top;
        $('body').css('height',height-top);
      })
      </script>
      <script> 
(function ($) {
  jQuery.expr[':'].Contains = function(a,i,m){
      return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0;
  };
  function filterList(header, list) { 

  $('.search-inp')
      .change( function () {
        var filter = $(this).val();
        if(filter) {
          $matches = $(list).find('h4:Contains(' + filter + ')').parent().parent().parent();
          $('li', list).not($matches).slideUp();
          $matches.slideDown();
        } else {
          $(list).find("li").slideDown();
        }
        return false;
      })
    .keyup( function () {
        $(this).change();
    });
  }
  $(function () {
    filterList($("#form"), $("#list"));
  });
}(jQuery));
</script>
    </body>
</html>